<template>
  <div>
    <!-- 可以巧妙利用a标签获取到title的提示内容 -->
    <a :title="title">
      <el-button v-bind="$attrs" v-on="$listeners"></el-button>
    </a>
  </div>
</template>

<script>
export default {
  name: "HintButton",
  props: ["title"],
  mounted() {
    // $attrs属于组件的一个属性，可以获取到父组件传递过来的props数据
    // 对于子组件而言,可以利用props获取到父组件传递过来的数据属性,但是要注意
    // 子组件利用props接收到的属性,在$attrs中是获取不到的
    // $listeners也是属于组件实例身上的一个属性,可以获取到父组件传递给子组件的一个自定义事件
    console.log(this.$attrs);
    console.log(this.$listeners);
  },
};
</script>

<style>
</style>